<html>
	<head>
		<title>MedNotes 2.0 - hitting the big two-point-oh</title>
		        <link rel="stylesheet" type="text/css" href="javascript/yui/build/reset/reset.css">
      			  <link rel="stylesheet" type="text/css" href="javascript/yui/build/fonts/fonts.css">

        <!-- Grids -->
        <link rel="stylesheet" type="text/css" href="javascript/yui/build/grids/grids.css">

        <!-- CSS for Menu -->
        <link rel="stylesheet" type="text/css" href="javascript/yui/build/menu/assets/menu.css">
		<style>
		body
		{
			background-color:#555;	
			margin-top:0px;
			padding-top:0px;	
			margin-left:0px;
			padding-left:0px;
			font-family:"Segoe UI";
			font-size:10pt;	
			text-align:left;
		}
		#page
		{
			background-color:#444;
			color:#F5F5F5;
			width:750px;
			margin-top:0px;
			padding-left:15px;
			border-right: 1px solid #919191;
		}
		#title-block
		{
			display:block;
			height: 150px;
			border-bottom:1px solid #5f5f5f;
			font:bold 25pt "Trebuchet MS";
			text-align:right;
		}
		#foot-block
		{
			font: normal 8pt Verdana;
			color: #8d8d8d;
			text-align:center;
			padding-top:4px;
			border-top:1px solid  #5f5f5f;
			display:block;
			height: 	50px;
			border-bottom:1px solid #5f5f5f;
		}
		.center-module
		{
			width:500px;
			background-color: #3d3d3d;
			padding:4px;
		}
		
		#right-column
		{
			float:right;
		}
		
		.right-module
		{
			float:none;
			width:225px;
		}
		
		.right-module .title
		{
			background-color: #3d3d3d;
			font-weight:bold;
		}
		
		.center-module .title
		{
			font-size:18pt;
		}
		
		.filebox
		{
			margin:4px;
			color:#dadada;
		}
		
		.filebox .file-link
		{
			color:#fc0;
			text-decoration:none;
		}
		
		.filebox .file-link:hover
		{
			text-decoration:underline;
		}
		
		.filebox .uploader
		{
			font-size:8pt;
			color:#888;
			display:inline;
		}
		.profile
		{
			color:#aaa;
			text-decoration:none;
			display:inline;
		}
		.profile:hover
		{
			text-decoration:underline;
		}
		
		div .yuimenubar {
			background-color: transparent !important;
			background-image:url(pack/images/menubg.png);
			text-align:right !important;
			font-size:10pt;
		}
		
		div.yuimenu li.selected,
		div.yuimenubar li.selected {
			background-color:#800000 !important;
		}
		
		div.yuimenu
		{
			background-color:#ccc;
		}
		</style> 
		
		 <!-- Namespace source file -->
        <script type="text/javascript" src="javascript/yui/build/yahoo/yahoo.js"></script>

        <!-- Dependency source files -->
        <script type="text/javascript" src="javascript/yui/build/event/event.js"></script>
        <script type="text/javascript" src="javascript/yui/build/dom/dom.js"></script>

        <!-- Container source file -->
        <script type="text/javascript" src="javascript/yui/build/container/container_core.js"></script>

        <!-- Menu source file -->
        <script type="text/javascript" src="javascript/yui/build/menu/menu.js"></script>

        <!-- Page-specific script -->
        <script type="text/javascript">

            // "load" handler for the window

            YAHOO.example.onWindowLoad = function(p_oEvent) {
                // Hides submenus of the root Menubar instance
                function hideSubmenus() {
                    if(oMenuBar.activeItem) {                   
                        var oSubmenu = oMenuBar.activeItem.cfg.getProperty("submenu");
                        if(oSubmenu) {                        
                            oSubmenu.hide();                        
                        }
                    }
                }    
                // Cancels the call to "hideSubmenus"
                function cancelTimer() {
                    if(nTimeoutId) {   
                       window.clearTimeout(nTimeoutId);    
                    }                
                }
   
                // "mouseout" event handler for each submenu of the menubar                
                function onSubmenuMouseOut(p_sType, p_aArguments, p_oMenu) {    
                    cancelTimer();    
                    nTimeoutId = window.setTimeout(hideSubmenus, 750);                
                }
    
    
                // "mouseover" handler for each item in the menubar    
                function onMenuBarItemMouseOver(p_sType, p_aArguments, p_oMenuItem) {                
                    var oActiveItem = this.parent.activeItem;                
                 // Hide any other submenus that might be visible                
                    if(oActiveItem && oActiveItem != this) {                
                        this.parent.clearActiveItem();                
                    }
                
                    // Select and focus the current MenuItem instance                
                    this.cfg.setProperty("selected", true);
                    this.focus();
                                
                    // Show the submenu for this instance                
                    var oSubmenu = this.cfg.getProperty("submenu");                
                    if(oSubmenu) {                
                        oSubmenu.show();                
                    }                
                }
            
    
                // "mouseout" handler for each item in the menubar
            
                function onMenuBarItemMouseOut(p_sType, p_aArguments, p_oMenuItem) {                
                    this.cfg.setProperty("selected", false);                
                    var oSubmenu = this.cfg.getProperty("submenu");                
                    if(oSubmenu) {                
                        var oDOMEvent = p_aArguments[0],
                            oRelatedTarget = YAHOO.util.Event.getRelatedTarget(oDOMEvent);                
                        if(
                            !(
                                oRelatedTarget == oSubmenu.element || 
                                this._oDom.isAncestor(oSubmenu.element, oRelatedTarget)
                            )
                        ) {
                
                            oSubmenu.hide();
                
                        }
                
                    }
                
                }


                var nTimeoutId;


                // Instantiate and render the menubar and corresponding submenus

                var oMenuBar = new YAHOO.widget.MenuBar("productsandservices");
                oMenuBar.render();


                /*
                    Add a "mouseover" and "mouseout" event handler each item 
                    in the menu bar 
                */               

                var aMenuBarItems = oMenuBar.getItemGroups()[0],
                    i = aMenuBarItems.length - 1;

                do {

                    aMenuBarItems[i].mouseOverEvent.subscribe(onMenuBarItemMouseOver);
                    aMenuBarItems[i].mouseOutEvent.subscribe(onMenuBarItemMouseOut);
                
                }
                while(i--);


                // Assign event handlers

                // Add a "mouseover" handler to the menubar

                oMenuBar.mouseOverEvent.subscribe(cancelTimer);

                var oCommunication = oMenuBar.getItem(0).cfg.getProperty("submenu"),
                    oPIM = oCommunication.getItem(5).cfg.getProperty("submenu"),
                    oShopping = oMenuBar.getItem(1).cfg.getProperty("submenu"),
                    oEntertainment = oMenuBar.getItem(2).cfg.getProperty("submenu"),
                    oInformation = oMenuBar.getItem(3).cfg.getProperty("submenu");


                // Add a "mouseover" event handler to each submenu
                
                oCommunication.mouseOverEvent.subscribe(cancelTimer);
                oPIM.mouseOverEvent.subscribe(cancelTimer);
                oShopping.mouseOverEvent.subscribe(cancelTimer);
                oEntertainment.mouseOverEvent.subscribe(cancelTimer);
                oInformation.mouseOverEvent.subscribe(cancelTimer);


                // Add a "mouseout" event handler to each submenu

                oCommunication.mouseOutEvent.subscribe(onSubmenuMouseOut, oCommunication, true);
                oPIM.mouseOutEvent.subscribe(onSubmenuMouseOut, oPIM, true);
                oShopping.mouseOutEvent.subscribe(onSubmenuMouseOut, oShopping, true);
                oEntertainment.mouseOutEvent.subscribe(onSubmenuMouseOut, oEntertainment, true);
                oInformation.mouseOutEvent.subscribe(onSubmenuMouseOut, oInformation, true);


                // Add a "click" handler to the document

                YAHOO.util.Event.addListener(document, "click", hideSubmenus);

            }


            // Add a "load" handler for the window

            YAHOO.util.Event.addListener(window, "load", YAHOO.example.onWindowLoad);

        </script>
        
	</head>
<body>
<div id="page">
	<div id="title-block">
	<br><br>MedNotes 2.0&nbsp;

	<div id="productsandservices" class="yuimenubar">
                            <div class="bd">
                                <ul class="first-of-type">
                                    <li class="yuimenubaritem first-of-type"><a href="/new/">Home</a></li>
                                    <li class="yuimenubaritem"><a href="/new/?page=categories">Categories</a>
                                        <div id="shopping" class="yuimenu">
                                            <div class="bd">                    
                                                <ul>
                                                    <li class="yuimenuitem"><a href="/new/?page=orthopaedics">Orthopaedics</a></li>
                                                    <li class="yuimenuitem"><a href="/new/?page=anaesthesia">Anaesthesia</a></li>
                                                    <li class="yuimenuitem"><a href="/new/?page=neurology">Neurology</a></li>
                                                    <li class="yuimenuitem"><a href="/new/?page=ent">ENT</a></li>
                                                </ul>
                                            </div>
                                        </div>                    
                                    
                                    </li>
                                    <li class="yuimenubaritem"><a href="http://entertainment.yahoo.com">Recent</a>
                                        <div id="entertainment" class="yuimenu">
                                            <div class="bd">                    
                                                <ul>
                                                    <li class="yuimenuitem"><a href="/new/?file=143">Random 1</a></li>
                                                    <li class="yuimenuitem"><a href="/new/?file=038">Random 6</a></li>
                                                    <li class="yuimenuitem"><a href="/new/?file=084">Random 3</a></li>
                                                    <li class="yuimenuitem"><a href="/new/?file=142">Random 4</a></li>
                                                    <li class="yuimenuitem"><a href="/new/?file=024">Random 3</a></li>
                                                </ul>                    
                                            </div>
                                        </div>                                        
                                    
                                    </li>
                                    <li class="yuimenubaritem">Manage
                
                                        <div id="information" class="yuimenu">
                                            <div class="bd">                                        
                                                <ul>
                                                    <li class="yuimenuitem"><a href="http://downloads.yahoo.com">Upload Notes</a></li>
                                                    <li class="yuimenuitem"><a href="http://finance.yahoo.com">Profile</a></li>
                                                    <li class="yuimenuitem"><a href="http://health.yahoo.com">Contact Admin</a></li>
                                                </ul>                    
                                            </div>
                                        </div>                                        
                                    </li>
                                </ul>            
                            </div>
                        </div>

	</div>
	<div id="right-column">
	<div class="right-module">
		<div class="title">Top Sharers</div>
		1. <div class="profile">asdf</div><br>
		2. <div class="profile">wert</div><br>
		3. <div class="profile">dfgs</div><br>
		4. <div class="profile">efgwergt</div><br>
	</div><br>
	<div class="right-module">
		<div class="title">Top Downloaded</div>
		1. <div class="profile">File 1</div><br>
		2. <div class="profile">File 2</div><br>
		3. <div class="profile">File 3</div><br>
		4. <div class="profile">File 4</div><br>
	</div>
	</div>
	<div class="center-module">
	 <div class="title">Recent Files</div>
	 <div class="filebox"><a href="#" class="file-link">Lecture Title</a>&nbsp;&nbsp;<div class="uploader">Uploaded by <a class="profile" href="#">Reuben</a>.</div>
	 	<br><div class="file-desc">This would be a short description of the file's contents.</div>
	 	<br><div class="file-toolbar">report</div> 	
	 </div>
	 </div>
	<div id="foot-block">
		Design & Programming: &copy;2006 Reuben Borg<br>All content is &copy; by the respective authors.
	</div>
</div>
</body>
</html>